<template>
	<view>
		<view class="title">
			<view class="titleOne">
				<image src="" mode=""></image>
				<text>农家小炒</text>
			</view>
			    
			
			<view class="titleTwo">
				<view class="">
					<image src="" mode=""></image>
					<text>满30减两元，满20减6元</text>
				</view>
			</view>   
		</view>
		<view class="pages">
			<view class="leftPage"> 
			<view class="leftPagetext">热销</view>
			<view class="leftPagetext">折扣</view>
		</view>
		
		<view class="rightPage">
				<image class="photo" src="../../static/logo.png" mode=""></image>
				<view class="rightPagecon">
					<view class="">回锅肉</view>
					<view class="">月售：121</view>
					<view class="">￥：27.99</view>
				</view>
				<view class="rightPageadd">
					<image class="add" src="http://cloud.axureshop.com/gsc/C965YQ/0f/8b/81/0f8b816f57904445a872785742132259/images/点餐/u183.png?token=7726903d1176d6f1f538370cd27f8e1a22acf17811bdadc6d5da839460ae2951" mode=""></image>
				</view>
		</view>
		
		

		<view class="price">
			<img src="http://cloud.axureshop.com/gsc/C965YQ/0f/8b/81/0f8b816f57904445a872785742132259/images/点餐/u320.png?token=5186a37fb6b2df53094305212b8082625468d0c35d55a05dfea34f4e36217663" alt=""></img>
			<view class="">配送费:￥2元</view>
			<view class="priceT2">20元起送</view>
			
		</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.title {
		border-bottom: 1rpx solid #C8C7CC;
	}
	.title image {
		width: 100rpx;
		height: 100rpx;
		margin-left: 50rpx;
		
	}
	
	.titleOne  {
		height: 100rpx;
		width: 100%;
		/* display: flex;
		flex-direction: row;
		justify-content: start; */
		
	}
	
	.titleTwo {
		height: 100rpx;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: start;
		margin-bottom: 30rpx;
	}
	.pages{
		display: flex;
		flex-direction: row;
		justify-content: start;
	}
	.leftPage {
		width: 100rpx;
		height: ;
		text-align: center;
		border-right:1rpx solid #C8C7CC ;
		padding:0 30rpx;
		line-height: 128rpx;
	}
	.leftPagetext:hover {
		font-size: 42rpx;
	}
	
	.photo {
		
		width: 204rpx;
		height: 124rpx;
		padding: 30rpx;
	}
	.rightPage {
		display: flex;
		/* flex-direction: row; */
		justify-content: center;
		height: 204rpx;
	}
	.rightPagecon{
		margin-top: 40rpx;
	}
	.add {
		width: 56rpx;
		height: 56rpx;
	}
	.rightPageadd {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left:50rpx;
	}
	
	.price{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		position: fixed;
		bottom: 20rpx;
		width: 650rpx;
		height: 100rpx;
		background-color: #b1b1b11f;
		border-radius:40rpx ;
		margin-left: 50rpx;
		z-index: 99;
		line-height: 100rpx;
		
	}
	
	.price img{
		width: 72rpx;
		height: 72rpx;   
		margin-top: 15rpx;
		 
	}
	
	.priceT2 {
		color: #808080;
	}
</style>
